<template>
    <div>
        <el-row>
            <el-col class="tishi">
                <i class="iconfont icon-a-ziyuan586"></i>
                <span>此操作将永久删除该文件, 是否继续?</span>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="4" :offset="17">
                <el-button @click="quxiao">
                    取消
                </el-button>
            </el-col>
            <el-col :span="3">
                <el-button type="primary" @click="yes">
                    确定
                </el-button>
            </el-col>
        </el-row>
    </div>
</template>

<script setup>
    import { defineEmits, defineProps } from "vue";
    let props = defineProps({
        code: Number
    });

    const emites = defineEmits(["tuichu"]);

    const quxiao = function () {
        emites("tuichu");
    };

    const yes = function () {
        emites("tuichu", { lId: props.code });
    };
</script>

<style lang="less" scoped>
    .tishi {
        display: flex;
        align-items: center;
        padding: 10px;
        i {
            font-size: 20px;
            color: #f3ba00;
            margin-right: 10px;
        }
    }
</style>